<ui:composition template="/dynamic/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

	<ui:define name="content">
		<style>
#content-div {
	width: 100%;
	margin-left: 5px;
	border: 1px solid #20B2AA;
}

#photo-div {
	width: 200px;
	height: 200px;
	background-color: #E6E6FA;
	border: 1px solid #00CED1;
}

#mail-div {
	width: 100%;
	min-height: 100px;
}

#mail-div span {
	display: block;
}

#user-div {
	width: 200px;
}

#user-div div {
	display: block;
}
</style>

		<div id="content-div">
			<div id="user-div">
				<div id="photo-div">foto</div>
				<div id="sender">
					<span>#{mailMBean.actualMail.sender.username}</span>
				</div>
			</div>

			<div id="mail-div">
				<div id="title-date">
					<span><h4>#{mailMBean.actualMail.title}</h4></span> <span>#{mailMBean.actualMail.fullDate}</span>
				</div>
				<div id="content">
					<span>#{mailMBean.actualMail.content}</span>
				</div>
			</div>

		</div>
	</ui:define>
</ui:composition>